<div  class=" admin-content">
    <div class="admin-biaogelist">

        <div class="listbiaoti am-cf">
            <ul class="am-icon-users"> 考勤管理</ul>

            <dl class="am-icon-home" style="float: right;">当前位置： 首页 > <a href="#">考勤管理</a></dl>

            <dl>
                <button ng-click="openSelectAttendModal()" type="button" class="am-btn am-btn-danger am-round am-btn-xs am-icon-plus" > 查询</button>
            </dl>
            <!--这里打开的是新页面-->
        </div>
        <div class="am-btn-toolbars am-btn-toolbar am-kg am-cf">
            <ul>
                <li>
                    <div class="am-btn-group am-btn-group-xs">
                        <select data-am-selected="{btnWidth: 90, btnSize: 'sm', btnStyle: 'default'}">
                            <option value="b">本日</option>
                            <option value="o">本月</option>
                        </select>
                    </div>
                </li>
            </ul>
        </div>

        <form class="am-form am-g">
            <table width="100%" class="am-table am-table-bordered am-table-radius am-table-striped">
                <thead>
                <tr class="am-success">
                    <th class="table-check"><input type="checkbox" /></th>
                    <th class="table-title">员工id</th>
                    <th class="table-author ">上班时间</th>
                    <th class="table-author ">下班时间</th>
                    <th class="table-author am-hide-sm-only">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="item in list">
                    <td><input type="checkbox" /></td>
                    <td>{{item.evaluation_id.name}}</td>
                    <td>{{item.month}}月{{item.day}}日{{item.start_work}}</td>
                    <td>{{item.month}}月{{item.day}}日{{item.end_work}}</td>
                    <td>
                        <div class="am-btn-toolbar">
                            <div class="am-btn-group am-btn-group-xs">
                                <div class="am-btn-group am-btn-group-xs">
                                    <button ng-click="openAttendDataModal(item.evaluation_id.id,item.month)" class="am-btn am-btn-default am-btn-xs am-text-success am-round" title="查询该员工本月记录"><span class="am-icon-search"></span> </button>
                                    <button   class="am-btn am-btn-default am-btn-xs am-text-secondary am-round" data-am-modal="{target: '#my-popups'}" title="修改"><span class="am-icon-pencil-square-o" ></span></button>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>




                </tbody>
            </table>
            <ul class="am-pagination am-fr">
                <div class="box-footer no-border">
                    <pagination-component total-items="listData.totalCounts"
                                          current-page="listData.pageIndex"
                                          page-size="listData.pageSize"
                                          select-page="NextListData(pageIndex)">
                    </pagination-component>
                </div>
                <!--<li class="am-disabled"><a href="#">«</a></li>-->
                <!--<li class="am-active"><a href="#">1</a></li>-->
                <!--<li><a href="#">2</a></li>-->
                <!--<li><a href="#">3</a></li>-->
                <!--<li><a href="#">4</a></li>-->
                <!--<li><a href="#">5</a></li>-->
                <!--<li><a href="#">»</a></li>-->
            </ul>


            <!--<ul class="am-pagination am-fr">-->
            <!--<li class="am-disabled"><a href="#">«</a></li>-->
            <!--<li class="am-active"><a href="#">1</a></li>-->
            <!--<li><a href="#">2</a></li>-->
            <!--<li><a href="#">3</a></li>-->
            <!--<li><a href="#">4</a></li>-->
            <!--<li><a href="#">5</a></li>-->
            <!--<li><a href="#">»</a></li>-->
            <!--</ul>-->




            <hr />
            <!--<p>注：.....</p>-->
        </form>
    </div>

</div>
</div>


<div class="modal fade" id="selectAttendModal"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="z-index:9999;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    考勤查询
                </h4>
            </div>
            <div class="modal-body">
                <form role="form">
                    <div class="form-group">
                        <label >日期</label>
                        <input  class="form-control" type="text"
                                ng-model="selectData.date"  id="selectDayclearDateTime">
                        <input type="hidden" class="form-control" >

                    </div>

                    <div class="form-group">
                        <label for="selectDateName">名字</label>
                        <input type="text" class="form-control" id="selectDateName"
                               placeholder="名字" ng-model="selectData.name">
                        <input type="hidden" class="form-control">
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

                <button type="button"   ng-click="selectEmpListByNameOrEmpId(selectData)" class="btn btn-primary">

                    查询
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>


<div class="modal fade" id="AttendDataModal"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="z-index:9999;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    该员工这个月的考勤记录
                </h4>
            </div>
            <div class="modal-body">
                <div id="main" style="width: 600px;height:400px;"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>